/* Import the Nunito font */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&family=Nunito+Sans:wght@400;700&display=swap');
/*lettertype multistep form*/
body {
    font-family: 'Nunito Sans', sans-serif;
}

/*voortgangsbar met categorienamen*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2 !important;
    color: #fff !important;
    background-color: #bd57fd !important;
    border-color: #bd57fd !important;
}

/*bs5 progress bar*/
.progress {

    --bs-progress-bar-bg: #bd57fd;

}

/*kleur knop multiselct form na klikken 'verwerken...' */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3b2d82;
    --bs-btn-border-color: #3b2d82;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3b2d82;
    --bs-btn-hover-border-color: #3b2d82;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3b2d82;
    --bs-btn-active-border-color: #3b2d82;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3b2d82;
    --bs-btn-disabled-border-color: #3b2d82;
}
    
/*selectievakken groter maken */
input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

/* Standaard: alle tekst Nunito Sans + kleur */
body, p, a, button, input, textarea {
    font-family: 'Nunito Sans', sans-serif !important;
    color: rgb(88, 76, 149);
}

/* Titel en H1: Nunito */
h1, .page-title {
    font-family: 'Nunito', sans-serif !important;
    color: rgb(88, 76, 149) !important;
    font-weight: bold !important;
}

/* H2 en H3: expliciet Nunito Sans */
h2, h3, .tab-title {
    font-family: 'Nunito Sans', sans-serif !important;
    color: rgb(88, 76, 149) !important;
    font-weight: bold !important;
}

/* Verberg alle navbars */
.navbar {
    display: none !important;
}

footer .footer-bottom {
    display: none !important;
}


/* Pagina links + boven uitlijnen */ 
body { 
    margin: 0 !important; 
    padding: 0 !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: flex-start !important; 
    justify-content: flex-start !important; 
} 
/* Extra CSS voor .columnBlockLayout */ 
.columnBlockLayout { 
    margin-top: 0px !important; 
    margin-bottom: 0px !important;
    padding: 0px !important;
}